@import "function.scss";

$mainColor:#1666ad;//主题色

/*通用设置*/
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
html,body{min-height:100%;width:100%;min-width:1200px;font-size:14px;color:#333;font-family: "microsoft yahei";background:#f2f2f2;}
a{text-decoration:none;}
img{border: none;}
ul,li{list-style:none}
select{height:30px; vertical-align:top\9;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}

select,input,textarea{font-family:"microsoft yahei"; outline: none;box-sizing: border-box;resize:none;}
textarea{border:solid 1px #ddd; padding:5px;}
table{border-collapse:collapse;border-spacing:0}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset;
}
button[disabled],.pub-btn.disabled{background: #eee!important;color:#999!important;border-color:#eee!important;}




/*常用*/
.pub-l{float:left;}
.pub-r{float:right;}
.pub-tl{text-align: left;}
.pub-tr{text-align: right;}
.pub-main{width:1200px;margin:0 auto;position:relative;}
.pub-clear{ clear:both; height:1px; overflow:hidden;}
.pub-clear2{overflow: hidden;}
.pub-borderbox{box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.pub-textellipsis{overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}/*单排多出显示省略号*/
.pub-red{color:$mainColor;}
.pub-bold{font-weight:bold;} 
.pub-center{text-align:center;}
.pub-middle{vertical-align:middle !important;}
.pub-speed{transform: translateZ(0);-webkit-transform: translateZ(0);}
.pub-input{height:30px;padding-left: 5px;border:solid 1px #eee;border-radius: 3px;}
.pub-btn{height:30px;border:solid 1px #ddd; background: #f2f2f2;padding:0 10px;border-radius: 3px;line-height: 29px;display: inline-block;color:#666;opacity:1;}
.pub-btn-bgred{background: $mainColor;color:#fff;border-color:$mainColor;border-radius: 2px}
.pub-btn-big{width:120px;height:40px;line-height: 39px;font-size:16px;}
.pub-btn:hover{opacity:0.85; transition: 0.2s all}

/*字号*/
.pub-font12{font-size:12px;}
.pub-font14{font-size:14px;}
.pub-font16{font-size:16px;}


/*上传图片*/
.pub-upimg{
  width: 110px;height: 110px; display: inline-block; position: relative; background:center center no-repeat url();border:1px solid #d7d7d7; margin-right:3px;
  input{position:absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; opacity: 0.01; filter: alpha(opacity=1);}
  img,div{position: absolute;left: 0; top: 0; z-index: 1; width: 110px;height: 110px;}
  .del{position: absolute; right: 5px; top: 5px; z-index: 3; width:20px;height:20px; background:$mainColor; color: #fff; display: none; text-align: center; line-height: 20px; border-radius: 50%; font-size: 12px; cursor: pointer;}
  .progress{width:100%;position: absolute;left: 0;bottom:0;background:rgba(255,255,255,0.2);text-align: center;font-size:14px;color:#333;height:30px;line-height:30px;z-index: 1;display: none;}
}
.pub-upimg:hover .del{display: block;}
.pub-upimg.disabled .del{display:none !important;}
.pub-upimg.new .del{ display: none !important;}
.pub-upimg.nobg{background:none !important;}






/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar{width:5px;height:5px;background-color:#f2f2f2;}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color:#999;
}





//标题
.pub-title{padding-bottom:5px;font-size:16px;color:#666;font-weight:bold;}
.pub-title1{background:#eee;font-size:16px; font-weight:bold;padding:5px 5px 5px 10px;color:$mainColor;margin-bottom:20px;}





/*选项卡*/
$bordercolor1:#e0e0e0;
.pub-tab{
    margin:10px 0 0 0;
    .option-list{width:100%;overflow: hidden;}
    .option{width:105px;float:left;height:35px;line-height:35px; text-align: center;color: #878686; position: relative; left: -1px; margin-right:-1px;}
    .option.on{color:$mainColor;background: #fff;border-bottom:solid 1px $mainColor;}
    .tab-block-list{width:100%;margin-top: -1px;background:#fff;padding:20px 15px 20px 15px; box-sizing: border-box;}
    .tab-block{padding-top:25px; display: none;}
}





//表格样式
.pub-table{
    width: 100%;background:#fff;font-size:15px; color: #666;text-align: center; table-layout: fixed;
    th{height:30px; background:#fff;border-bottom:solid 1px #ddd; padding:0 0 5px 0;color:#666}
    td{border:none; height: 45px;white-space: nowrap;text-overflow: ellipsis; overflow:hidden;border-bottom:solid 1px #ddd; text-align: center !important;padding:0 5px;}
    
    .btn{min-width:60px; margin: 0 3px;}
    tr:hover{background:#f8f8f8;}
    .icon-show,.icon-close,.icon-hide{background-position:-48px 0;vertical-align:middle;cursor:pointer;}
    .icon-close{background-position:-336px 0;}
    .icon-hide{visibility:hidden;}
    tr.last td{border: none;}
    .first-span{padding-left:20px;}
    .sed-span{margin-left:30px;padding-left:25px;background:no-repeat url()}

}

.pub-edit-area{background:#fff;margin:5px 15px 0 0;padding:15px;box-sizing: border-box;width:1000px;}

/*对话框*/

.pub-alert{
    position:fixed; left:0; top:0; visibility:hidden;z-index:10000;width:100%;height: 100%;
  .pub-btn,.pub-btn2{min-width:80px;height:30px; padding:0 5px; font-size: 14px; line-height: 30px; border-radius: 2px; background: $mainColor; color: #fff;display: inline-block; text-align: center;  cursor: pointer; vertical-align: top; box-sizing: border-box; border:none; transition: all 0.2s linear;-webkit-transition: all 0.2s linear;}
  .pub-btn:hover{background:#e51c2c;}
  .pub-btn2{background:#e5e5e5; border:1px solid #cecece; color: #565656;}
  .pub-btn2:hover{background:#f2f2f2; border-color: $mainColor;color: $mainColor;}
  .pub-alert-content{
      width:350px; min-height:100px;background: #fff;border-radius:5px;overflow: hidden; box-shadow: 0px 0 10px 0 rgba(131, 131, 131, 0.5);position: absolute; left: 0; top: 0; z-index: 2;transition: transform 0.2s linear, opacity 0.2s linear; transform: translateY(30px); opacity: 0;
      .content-box{text-align: center; font-size:16px;word-wrap:break-word;}
    }
    .pub-alert-title{
        padding:5px 10px; position:relative;cursor:default; background: $mainColor;font-size: 18px;color: #fff; text-align: center; font-weight: bold;
    }
    .content{padding: 30px 20px 10px 20px; overflow: auto;}
    .bottom{
        padding:15px;text-align: center;
		.btn{margin:0 15px;}
        .pub-btn{margin:0 5px;background:$mainColor;}
        .pub-btn2{background: #e5e5e5;display:none;}
    }
	.bottom.on .pub-btn2{display: inline-block;}
	
  .pub-alert-bg{position:absolute; z-index: 1; width: 100%; height: 100%; background:#fff; opacity: 0; left: 0; top:0; transition:opacity 0.2s linear;}
}

.pub-alert.on{
  visibility: visible;
  .pub-alert-content{opacity: 1;transform: translateY(0);}
  .pub-alert-bg{opacity:0.5;}
}


.head-tip{
    margin: 0 0 10px 0;border-bottom:solid 1px #eee;padding-bottom:15px;
    .label{
        margin-right:20px; color: #333; font-size:16px;
        .num{margin-left: 5px;}
    }
}


/* 表单 */
.pub-form-line{margin-top:25px;position:relative;z-index:1;}
.pub-form-line-left{width:100px;display:inline-block; position:absolute; left:0;top:0;text-align:right;line-height:30px;height:30px;}
.pub-form-line-left.sign:before{content:"*";color:#ff5400; margin-right:3px;}
.pub-form-line-left-empty:after{content:""!important;}
.pub-form-line-right{width:100%;display:inline-block;position:relative;box-sizing:border-box;padding-left:115px;line-height:30px;}
//.ui-form-error{position:absolute;bottom:-20px;color:#ff5400;font-size:14px;}
.pub-form-line-inlineblock{
	display: inline-block;width:200px;
}





